<script src="js/jquery.1.1.4.pack.js" type="text/javascript"></script>
<script src="js/jquery-easing.1.1.1.pack.js" type="text/javascript"></script>
<script src="js/coda-slider.js" type="text/javascript"></script>
<script src="js/jquery.timers.js" type="text/javascript"></script>
<script type="text/javascript">
		$(window).bind("load", function() {
			$("div#slider1").codaSlider();
			$('#slider1').everyTime(7000, 'swing', function(i) { 
              $(this).next().next().find("a").click();
            }); 
		});
</script>
<%session.setAttribute( "rootpath", request.getRealPath("/") );%>
<%@ taglib prefix="s" uri="/struts-tags" %> 
<table cellpadding="0" cellspacing="0" width="100%" background="img/background_color.gif" >
<tr>
<td >
  <table cellpadding="0" cellspacing="0" width="1000" background="img/context_background.gif" align="center">
  <tr height="10">
    <td height="10">
    </td>
  </tr>
  <tr>
  <td>
  <div class="slider-wrap">
	<div id="slider1" class="csw">
		<div class="panelContainer">
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
                  <img src="img/introduction_1.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_2.jpg" border="0" />
				</div>
			</div>		
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_3.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_4.jpg" border="0" />
				</div>
			</div>
			<div class="panel" title="Macau Chinese Christain Chruch">
				<div class="wrapper">
				  <img src="img/introduction_5.jpg" border="0" />
				</div>
			</div>
		</div><!-- .panelContainer -->
	</div><!-- #slider1 -->
  </div><!-- .slider-wrap -->
  </td>
  </tr>
  <tr>
  <td height="5">
  </td>
  </tr>
  <tr>
  <td>
  <img alt="" src="img/middle_bar_news.jpg">
  </td>
  </tr>
  <tr>
  <td>
    <table cellpadding="0" cellspacing="0" border="0" width="930" background="" align="center">
      <tr>
        <td height="5" align="left">
        </td>
      </tr>
      <s:set value="0" var="count"/> 
      <s:iterator value="newses"> 
      <s:if test="#count <= 3"> 
      <tr valign="top">
        <td width="30" align="left">
          &nbsp;<img src="img/header.jpg" border="0" />
        </td>
        <td align="left" width="120"><s:property value="time"/></td>
        <td align="left" width="640"><s:property value="content"/></td>
        <td></td>
      </tr>
      </s:if>
      <s:set value="#count+1" var="count"/>
      </s:iterator>  
      <tr>
        <td height="5" align="left">
        </td>
      </tr>
    </table>
  </td>
  </tr>
  <tr>
  <td>
  <img alt="" src="img/middle_bar_inf.jpg">
  </td>
  </tr>
  <tr>
  <td>
    <table cellpadding="0" cellspacing="0" border="0" width="960" height="280" background="" align="center">
    <tr>
    <td width="230">
    <a href="News" onmouseover="document.getElementById('img_news').src='img/news_shadow.jpg'" onmouseout="document.getElementById('img_news').src='img/news_pic.jpg'">
    <img src="img/news_pic.jpg" id="img_news" width="230" height="180" border="0" /></a>
    <a href="News" onmouseover="document.getElementById('img_news').src='img/news_shadow.jpg'" onmouseout="document.getElementById('img_news').src='img/news_pic.jpg'">
    <img src="img/news_text.jpg" width="230" height="50" border="0" /></a>
    </td >
    <td width="230">
    <a href="Pray" onmouseover="document.getElementById('img_pray').src='img/pray_shadow.jpg'" onmouseout="document.getElementById('img_pray').src='img/pray_pic.jpg'">
    <img src="img/pray_pic.jpg" id="img_pray" width="230" height="180" border="0" /></a>
    <a href="Pray" onmouseover="document.getElementById('img_pray').src='img/pray_shadow.jpg'" onmouseout="document.getElementById('img_pray').src='img/pray_pic.jpg'">
    <img src="img/pray_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    <td width="230">
    <a href="Albums" onmouseover="document.getElementById('img_albums').src='img/albums_shadow.jpg'" onmouseout="document.getElementById('img_albums').src='img/albums_pic.jpg'">
    <img src="img/albums_pic.jpg" id="img_albums" width="230" height="180" border="0" /></a>
    <a href="Albums" onmouseover="document.getElementById('img_albums').src='img/albums_shadow.jpg'" onmouseout="document.getElementById('img_albums').src='img/albums_pic.jpg'">
    <img src="img/albums_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    <td width="230">
    <a href="Contact" onmouseover="document.getElementById('img_contact').src='img/contact_shadow.jpg'" onmouseout="document.getElementById('img_contact').src='img/contact_pic.jpg'">
    <img src="img/contact_pic.jpg" id="img_contact" width="230" height="180" border="0" /></a>
    <a href="" onmouseover="document.getElementById('img_contact').src='img/contact_shadow.jpg'" onmouseout="document.getElementById('img_contact').src='img/contact_pic.jpg'">
    <img src="img/contact_text.jpg" width="230" height="50" border="0" /></a>
    </td>
    </tr>
    </table>
  </td>
  </tr>
  </table>
</td>
</tr>
</table>
